<div class="recipes-menu">
  <ul nz-menu [nzMode]="'inline'" [nzClickActive]="false">
    <li nz-submenu [nzOpen]="item.isActive" [ngClass]="{ 'li-active': item.isActive }" 
        *ngFor="let item of recipesMenu; let i = index;">
      <span title>
        <a routerLink="{{ item.href }}">
          {{ item.name }}
        </a>
      </span>
      <ul>
        <li nz-menu-item (click)="toggleMenu(chd)" [nzSelected]="chd.selected" *ngFor="let chd of item.children; let ci = index;">
          <a routerLink="{{ chd.href }}" *ngIf="chd.display"></a>{{ chd.display ? chd.name : '' }}
        </li>
      </ul>
    </li>
  </ul>
</div>